<!DOCTYPE html>
<html lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<meta http-equiv="Content-Style-Type" content="text/css"/>
	<title>
		Combined
	</title>
	<script src="../../../dist/paged.polyfill.js"></script>
	<style>
		@page {
			size: A4;
			background-color: #f6f5f5;
		}

		@media screen {
			.pagedjs_page {
				box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
			}
		}
	</style>
	<style>
		@page {
			size: A5;
			background-color: #ffc9c9;

			@bottom-center {
				content: "Paged.js";
				font-size: 0.8em;
				font-weight: 800;
				color: #973737;
			}
		}

		h1 {
			font-size: 40pt;
		}
	</style>
</head>
<body>
<section>
	<h1>Lorem ipsum dolor sit amet</h1>
	<p>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non suscipit odio. Aenean ut ligula id mauris efficitur tincidunt vitae non leo. In convallis convallis leo, eget
		molestie metus imperdiet eu. Praesent pharetra, leo a laoreet mattis, ligula nisl commodo ante, non vestibulum nisi lacus eget magna. Maecenas scelerisque nibh ac felis
		egestas, egestas elementum risus pellentesque. Nulla iaculis ut leo a iaculis. Donec vel sodales dolor, vel fringilla elit. Vivamus aliquam diam eu maximus elementum. Integer
		eu urna at felis fermentum hendrerit.
	</p>
	<p>
		Nulla dignissim pellentesque magna ac maximus. Integer id tincidunt erat. Sed elementum posuere augue, quis pharetra mi vehicula in. Nullam rhoncus mi quis lectus gravida
		dignissim. Pellentesque a tortor ut leo pretium auctor non in massa. Nunc efficitur vestibulum mi, id mattis quam aliquet id. Ut semper tortor sit amet molestie mattis.
		Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
	</p>
</section>
</body>
</html>
